﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Index.Master" AutoEventWireup="true" CodeBehind="home_Center.aspx.cs" Inherits="Dryricenet.home_Center" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="CSS/home/index.css" rel="stylesheet" />
    <script src="JS/lunbo.js"></script>
    <link href="CSS/lunbo.css" rel="stylesheet" />
    <link href="font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <style>
       body {
    background: #f4f4f4;
}

.td_img {
    margin-top: 10px;
}

.qian {
    font: 400 22px '微软雅黑';
    margin-left: -4px;
}

.td_a {
    display: block;
    text-align: center;
    background: #ffffff;
    margin: 7px;
}
    /* .td_a:hover {
             box-shadow: 5px 5px 5px 5px #808080;
            }*/
    .td_a:hover {
        transform: scale(1.1);
        box-shadow: 5px 5px 5px 5px #808080;
        transition: all 0.5s;
    }
        h1 {
            text-align:center;
        }
    </style>
    
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <!-- 轮播图开始 -->
     <div>
            <div id="flash">
	 <div id="prev"></div>
	 <div id="next"></div>
	 <ul id="play">
        <%--轮播图展示--%>
		 <asp:Repeater ID="rpLunBo" runat="server">
			 <ItemTemplate>
				<li>
                    <a href="#">
                        <asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("image")%>' Width="1260px" Height="495px" />
                        <%--<img src='<%#Eval("image")%>' alt="" height="495px" width="1042px" />--%>
                    </a>
				</li>
			</ItemTemplate>
		 </asp:Repeater>
	 </ul>
	<%--轮播图导航按钮--%>
	 <ul id="button">
			<li><div style="background: #A10000;"></div></li>
			<li><div></div></li>
			<li><div></div></li>
			<li><div></div></li>
			<li><div></div></li>
			<li><div></div></li>
			<li><div></div></li>
			<li><div></div></li>
	 </ul>
 </div>

        </div>
    <!-- 轮播图结束 -->
    <!-- 主体开始 -->
    <div class="content">
        <div class="wrap">
            <div class="miaosha item">
                <h1>为你推荐</h1>
                <asp:DataList ID="DataList1" runat="server" Height="22%" RepeatColumns="4" Width="100%">
                    <ItemTemplate>
                     <a href="home_Details.aspx?FoodID=<%#DataBinder.Eval(Container.DataItem, "FoodID") %>" class="td_a">
                                     
                        <table align="center" border="0" bordercolor="#00FFFF" cellpadding="3" cellspacing="1"
                            style="border-collapse: collapse" width="120">
                            
                                <tr>
                                    <td style="text-align:center;" height="140">
                                        <asp:Image ID="Image1" runat="server" Height="100%" ImageUrl='<%# Eval("PicUrl") %>'
                                                Width="206" CssClass="td_img" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:Literal ID="Literal1" runat="server" Text='<%# Eval("FoodName") %>'></asp:Literal>

                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span style="color:red;font-size:17px;">￥</span>
                                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("Price") %>' ForeColor="Red" CssClass="qian"></asp:Label>
                                    </td>
                                </tr>
                        </table>
                            </a>
                              
                       
                    </ItemTemplate>
                </asp:DataList>
            </div>
            <div class="youxuan item">
                 <h1>折扣商品</h1>
                <asp:DataList ID="DataList2" runat="server" Height="22%" RepeatColumns="4" Width="100%">
                    <ItemTemplate>
                       <a href="home_Details.aspx?FoodID=<%#DataBinder.Eval(Container.DataItem, "FoodID") %>" class="td_a">
                        <table align="center" border="0" bordercolor="#00FFFF" cellpadding="3" cellspacing="1"
                            style="border-collapse: collapse" width="100%">
                            
                                <tr>
                                    <td style="text-align: center;" height="140">
                                       
                                            <asp:Image ID="Image1" runat="server" Height="100%" ImageUrl='<%# Eval("PicUrl") %>'
                                                Width="206" CssClass="td_img" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:Literal ID="Literal1" runat="server" Text='<%# Eval("FoodName") %>'></asp:Literal>

                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span style="color:red;font-size:17px;">￥</span>
                                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("Price") %>' ForeColor="Red" CssClass="qian"></asp:Label>
                                    </td>
                                </tr>
                            </a>
                        </table>
                    </ItemTemplate>
                </asp:DataList>
            </div>
        </div>
        <!-- 楼层 -->
        <div class="elevator">
            <a href="javascript:;">为你<br>
                推荐</a>
            <a href="javascript:;">折扣<br>
                商品</a>
            <a href="home_Cart.aspx">
                <i class="fa fa-shopping-cart" style="font-size:25px;"></i>
               <%-- <img src="image/购物车.png" />--%>
            </a>
        </div>
    </div>
   
    <!-- 主体结束 -->
  <script type="text/javascript">
      $(function () {
          $(window).scroll(function () {
              if ($(document).scrollTop() >= 800) {
                  $(".elevator").addClass("elevator-fix").slideDown();
              } else {
                  $(".elevator").removeClass("elevator-fix");
              }
          });

      })
</script>
</asp:Content>
